<template>
  <div class="statisticTable">
    <el-table
      :data="tableList"
      style="width: 100%;"
      element-loading-text="拼命加载中..."
      :highlight-current-row="false"
      class="table-part wf"
      :rowKey="(record,index) => index"
      :header-cell-style="{backgroundColor: '#e7f6f3'}"
      height="163"
    >
      <el-table-column
        v-for="(i, idx) in colConfigs"
        :key="'col' + idx"
        :prop="i.prop"
        :label="i.label"
        :align="i.align"
        :width="i.width"
        :fixed="idx==0"
        :show-overflow-tooltip="true"
        filter-placement="top"
      >
        <el-table-column
          v-if="i.children"
          v-for="(ii, iidx) in i.children"
          :key="'col' + iidx"
          :prop="ii.prop"
          :label="ii .label"
          :align="ii.align"
          :width="ii.width"
          :show-overflow-tooltip="true"
          filter-placement="top"></el-table-column>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: "statisticTable",
  data(){
    return{

    }
  },
  props:{
    tableList:{
      type: Array,
      default:()=>[]
    },
    colConfigs:{
      type: Array,
      default:()=>[]
    },
  }
}
</script>

<style scoped>
.statisticTable{
  margin: 20px;
}
</style>
